<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta name="keywords" content="粥员外,粥店加盟,粥铺加盟,粥屋加盟,养生粥加盟,粥员外加盟费">
    <meta name="description" content="粥员外是粥店加盟10大品牌之一的连锁品牌，外卖粥铺加盟更具人气的品牌，粥店加盟政策、粥屋加盟费、上粥员外加盟总部，念着你，暖着你！">
    <meta name="format-detection" content="telephone=yes"/>
    <title>粥员外</title>
    <link rel=icon type=image/x-icon href=./public/favicon.ico>
    <!-- 重置页面 -->
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./lib/slide/slide.css">
    <!-- 当页面的css -->
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/common.css">
    <!-- layui.css -->
    <link rel="stylesheet" href="./lib/layui/css/layui.css">
    <!-- swiper -->
    <link rel="stylesheet" href="./lib/swiper/swiper.min.css">
    <script src="./lib/rem/rem.js"></script>
    <script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>
</head>
<body>


<div class="layout clearfix">
    <!-- 头部 -->
    <header class="clearfix w">

        <!-- logo-->
        <h1 class="f_left">
            <a href="/">
                <img src="./images/index/logo.png" alt="">
            </a>
        </h1>

        <!-- 标语 -->
        <div class="slogan f_left">400-999-8017</div>

        <!-- 侧边栏按钮 -->
        <div class="btn iconfont f_right">&#xe897;</div>

    </header>

    <!-- 内容 -->
    <div class="content">
        <!-- 浮窗 -->
        <div class="float">
            <a href="javascript:void(0);">
                <img src="./images/index/home_bottom_img.png" alt="">
                <span>首页</span>
            </a>
            <a href="tel:400-999-8017">
                <img src="./images/index/msg_bottom_img.png" alt="">
                <span>电话咨询</span>
            </a>
            <a href="./ask.html">
                <img src="./images/index/join_bottom_img.png" alt="">
                <span>申请加盟</span>
            </a>
        </div>

        <!-- 轮播图 -->
        <div class="swiper-container index-banner">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <a href="javascript:void(0);">
                        <img src="./images/index/banner01.png" alt="">
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="javascript:void(0);">
                        <img src="./images/index/banner02.jpg" alt="">
                    </a>
                </div>
                <div class="swiper-slide">
                    <a href="javascript:void(0);">
                        <img src="./images/index/banner03.jpg" alt="">
                    </a>
                </div>
            </div>
            <!-- 如果需要分页器 -->
            <div class="swiper-pagination"></div>
        </div>

        <!-- 导航 -->
        <nav>
            <a href="./ask.html">
                <img src="./images/index/nav01.png" alt="">
            </a>
            <a href="./introduce.html">
                <img src="./images/index/nav02.png" alt="">
            </a>
            <a href="./product.html">
                <img src="./images/index/nav03.png" alt="">
            </a>
            <a href="./join.html">
                <img src="./images/index/nav04.png" alt="">
            </a>
            <a href="./news.html">
                <img src="./images/index/nav05.png" alt="">
            </a>
            <a href="./contact.html">
                <img src="./images/index/nav06.png" alt="">
            </a>
        </nav>

        <!-- 滚动商圈 -->
        <div class="tradingArea w">
            <ul class="clearfix">
                <li class="">全国分布</li>
                <li class="">商圈分布</li>
                <li class="">剩余商圈</li>
            </ul>
            <div class="swiper-container ta-banner">
                <div class="swiper-wrapper" id="tab-nav">

                    <script type="text/ta" id="ta-item">
            <% for(var i = 0; i < t.length; i++){ %>
                <div class="swiper-slide swiper-no-swiping">
                    <ul>
                        <li class=""><%=t[i].name %></li>
                        <li class=""><%=t[i].all %></li>
                        <li class=""><%=t[i].surplus %></li>
                    </ul>
                </div>
             <% } %>

                    </script>

                </div>
            </div>

            <a href="ask.html" class="to-form"></a>
        </div>

        <!-- 品牌故事 -->
        <div class="story">
            <img src="./images/index/story.png" alt="">
        </div>

        <!-- 加盟热线 -->
        <div class="join-phone-num w">
           <a href="tel:400-999-8017">
               <img src="./images/index/join_phoneNum.png" alt="">
           </a>
        </div>

        <!-- 展示 -->
        <div class="product-show">
            <!-- 展示上部分 -->
            <div class="ps-top w">
                <a href="javascript:void(0);">
                    <img src="./images/index/product-show1.png" alt="">
                </a>
                <a href="javascript:void(0);">
                    <img src="./images/index/product_show_msg.png" alt="">
                </a>
            </div>

            <!-- 展示下部分  lbt -->
            <div class="ps-bottom">
                <div class="swiper-container psb-banner">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <a href="javascript:void(0);">
                                <img src="./images/index/product_banner01.png" alt="">
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a href="javascript:void(0);">
                                <img src="./images/index/product_banner02.png" alt="">
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a href="javascript:void(0);">
                                <img src="./images/index/product_banner03.png" alt="">
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a href="javascript:void(0);">
                                <img src="./images/index/product_banner04.jpg" alt="">
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a href="javascript:void(0);">
                                <img src="./images/index/product_banner05.jpg" alt="">
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a href="javascript:void(0);">
                                <img src="./images/index/product_banner06.jpg" alt="">
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- 堂食+外卖 -->
        <div class="type">
            <img src="./images/index/many_people.jpg" alt="">
        </div>

        <!-- 一站式服务 -->
        <div class="join">
            <div class="btns">
                <a href="javascript:void(0);">投资咨询</a>
                <a href="javascript:void(0);">实地考察</a>
                <a href="javascript:void(0);">签订合同</a>
                <a href="javascript:void(0);">资格审核</a>
                <a href="javascript:void(0);">选址设计</a>
                <a href="javascript:void(0);">开业支持</a>
            </div>
        </div>

        <!-- 加盟资讯 -->
        <div class="news">
            <div class="nav-bar">
                <div class="f_left">
                    <img src="./images/index/news_title.png" alt="">
                </div>
                <a href="./news.html" class="f_right">MORE</a>
            </div>
            <!-- 新闻列表 -->
            <ul class="new-list">
                <li class="w">
                    <a href="javascript:void(0);">
                        <div class="img-box">
                            <img src="./images/index/news_img01.png" alt="">
                        </div>
                        <div class="msg-box">
                            <h2>粥加盟 在餐饮业的前景怎么样？</h2>
                            <p>现在的餐饮业非常的广泛、涉及众多、涵盖了全国各地的......</p>
                            <div class="news-time clearfix">
                                <span class="f_left">来源：<i>公众号</i></span>
                                <span class="f_right">2019/01/03</span>
                            </div>
                        </div>
                    </a>
                </li>
                <li class="w">
                    <a href="javascript:void(0);">
                        <div class="img-box">
                            <img src="./images/index/news_img02.png" alt="">
                        </div>
                        <div class="msg-box">
                            <h2>粥加盟 在餐饮业的前景怎么样？</h2>
                            <p>现在的餐饮业非常的广泛、涉及众多、涵盖了全国各地的......</p>
                            <div class="news-time clearfix">
                                <span class="f_left">来源：<i>公众号</i></span>
                                <span class="f_right">2019/01/03</span>
                            </div>
                        </div>
                    </a>
                </li>
                <li class="w">
                    <a href="javascript:void(0);">
                        <div class="img-box">
                            <img src="./images/index/news_img03.png" alt="">
                        </div>
                        <div class="msg-box">
                            <h2>粥加盟 在餐饮业的前景怎么样？</h2>
                            <p>现在的餐饮业非常的广泛、涉及众多、涵盖了全国各地的......</p>
                            <div class="news-time clearfix">
                                <span class="f_left">来源：<i>公众号</i></span>
                                <span class="f_right">2019/01/03</span>
                            </div>
                        </div>
                    </a>
                </li>
            </ul>
        </div>

        <footer>
            <a href="/">
                <img src="./images/index/logo.png" alt="">
            </a>
            <div class="foot-msg">
                <p>地址：杭州市滨江区味捷餐饮</p>
                <p>全国免费加盟热线：400-999-8017</p>
            </div>
        </footer>
    </div>
    <!-- 侧边栏主体 -->
    <div id="menu">
        <div class="">
            <ul>
                <li class="">
                    <a href="/">首页</a>
                </li>
                <li class="">
                    <a href="./introduce.html">关于我们</a>
                </li>
                <li class="">
                    <a href="./product.html">产品中心</a>
                </li>
                <li class="">
                    <a href="./join.html">加盟指南</a>
                </li>
                <li>
                    <a href="./news.html">品牌新闻</a>
                </li>
                <li>
                    <a href="./contact.html">联系我们</a>
                </li>
                <li>
                    <a href="./ask.html">申请加盟</a>
                </li>
            </ul>
        </div>
    </div>
</div>


<!-- axios -->
<script src="./lib/axios/axios.min.js"></script>
<!-- jq -->
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<!-- art-template -->
<script src="./lib/art-template/template-native.js"></script>
<!-- layui.js -->
<script src="./lib/layui/layui.js"></script>
<!-- swiper -->
<script src="./lib/swiper/swiper.min.js"></script>
<script src="./lib/slide/slide.js"></script>
<script src="./js/index/index.js"></script>
<script src="./js/index/tear.js"></script>
</body>
</html>
